<!-- 增加检疫 -->
<template>
  <view>
	<Header title="检疫管理记录">
		<uv-icon name="arrow-left" bold="true" size="20" color="#000"  @click="goBack"></uv-icon>
	</Header>
	<info-title-list :infoTitleList="animalInfoList0"></info-title-list>
	
	<animal-info :animalInfo="animalInfoList"></animal-info>
	
	<info-title-list :infoTitleList="animalInfoList1"></info-title-list>
	
	<animal-info :animalInfo="animalInfoList2"></animal-info>
	
	<view class="header">
	  <button class="add-button" @click="goToTrace">确定提交</button>
	</view>
  </view>
</template>

<script setup>
import Header from '@/components/AppHeader/Header.vue';
import InfoTitleList from '@/components/Animals/InfoTitleList.vue';
import AnimalInfo from '@/components/Animals/AnimalInfo.vue';
import CattleDropdown from '@/components/Quarantinehome/CattleDropdown.vue';
import {addQuarantine,imgUpload} from '/api/manageLeft.js'
import {getCattleList} from '/api/manageRight.js'
const animalInfoList0 = [
  {
    title: '检疫信息'
  },
];
const animalInfoList1 = [
  {
    title: '添加牲畜'
  },
];

const animalInfoList = [
	{
		title: '检疫单位',
		type: '雷山县动物卫生监督所'
	},
	{
		title: '检疫人员',
		type: '未填写'
	},
	{
		title: '联系电话',
		type: '未选择'
	},
	{
		title: '检疫地址',
		type: '未填写'
	},
	{
		title: '检疫类型',
		type: '未填写'
	},
	{
		title: '检疫结果',
		type: '未选择'
	},
	{
		title: '检疫证明上传',
		type: ''
	},
	{
		title: '检疫时间',
		type: '未选择'
	},
]

const animalInfoList2 = [
	{
		title:'选择牲畜',
		type:'IMEI 12456789111',
		icon:'arrow-right'
	},
	{
		title:'选择备注',
	}
]

const goBack = () => {
  uni.navigateBack();
};
</script>

<style lang="scss" scoped>
.header {
   .add-button {
     background-color: #0bcb75;
     color: white;
     border: none;
     border-radius: 8rpx;
     padding: 16rpx;
     width: 100%;
     font-size: 32rpx;
     margin-top: 40rpx;
     position: fixed;
     bottom: 0;
     left: 0;
   }
 }
</style>